<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Web ID Test</title>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script type="text/javascript" src="/forge/forge.all.js"></script>
      <script type="text/javascript" src="webid.js"></script>

      <link type="text/css" rel="stylesheet" media="all" href="/tests.css" />
      <style type="text/css">
         .ready { color: inherit; background: inherit; }
         .testing { color: black; background: yellow; }
         .pass{ color: white; background: green; }
         .fail{ color: white; background: red; }
      </style>
   </head>
<body>
<div class="nav">
   <a href="..">Forge Tests</a> /
   <a href=".">Legacy</a> /
   Web ID
</div>

<div class="header">
   <h1>Web ID Tests</h1>
</div>

<div class="content">

<!-- div used to hold the flash socket pool implementation -->
<div id="socketPool">
   <p>Could not load the flash SocketPool.</p>
</div>

<fieldset class="section">
   <ul>
     <li>Use the controls below to test Web ID.</li>
     <li>Use 512 bits or less on slower JavaScript implementations.</li>
   </ul>
</fieldset>

<fieldset class="section">
<legend>Control</legend>
   <table>
      <tr>
         <td rowspan="3"><button id="create">Create Web ID</button></td>
         <td>Bits</td>
         <td><input id="bits" size=8 value="1024"/></td>
      </tr>
      <tr>
         <td>URI</td>
         <td><input id="uri" size=60 value="http://localhost/dataspace/person/myname#this"/></td>
      </tr>
      <tr>
         <td>Common Name</td>
         <td><input id="commonName" size=20 value="mycert"/></td>
      </tr>
      <tr>
         <td><button id="show">Show Web IDs</button></td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
      </tr>
      <tr>
         <td><button id="clear">Delete Web IDs</button></td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
      </tr>
      <tr>
         <td><button id="authenticate">Authenticate using Web ID</button></td>
         <td>URI</td>
         <td><input id="webid" size=60 value="http://localhost/dataspace/person/myname#this"/></td>
      </tr>
   </table>
</fieldset>

<fieldset class="section">
<legend>Progress</legend>
   <div id="progress"></div>
</fieldset>

<fieldset class="section">
<legend>Available Web IDs</legend>
<div id="webids"></div>
</fieldset>

</div>
</body>
</html>
